<!DOCTYPE html>
<html lang='en'>
<head>
    <title>Choose Your Finature</title>

    <!-- scripts -->
    <script src='./js/jquery-2.1.0.min.js'></script>
    <script src='./js/draw.js'></script>
    <script src='./js/game.js'></script>
	<script src='./js/traits.js'></script>
    <script src='./js/opportunities.js'></script>
    <script src='./js/ui.js'></script>
    <script src='./js/logic.js'></script>
    <script src='./js/manager.js'></script>
    
    <!-- styles -->
    <link rel='stylesheet' href='./css/index.css'/>
    
    <!-- font -->
    <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
    
	<iframe width="1" height="1" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123658658&amp;auto_play=true&amp;hide_related=true&amp;visual=false"></iframe>
	
</head>
<body>
    <div id='game-container'>
        <div id='splash'>
			<div id="splashWrapper">
				<p> choose your </p>
				<img src='./img/logo.png'/>
				<p> click to embark </p>
			</div>
        </div>
        
        <div id='day'>Day:  <p id='daycounter'>0</p></div>
        <div id="leftStat" style=""> 
            <div>Money: $<span id="moneyCounter"></span></div>
            <div>Happiness: <span id="happinessCounter"></span></div>
            <div>GPA: <span id="gpaCounter">3.4</span></div>
        </div>      
        
        <div id='opportunities'>
            <div id='opportunity-building'></div>
            <div id='opportunity-choices'></div>
        </div>
        
        <div id='inventory'>
            <div id='inventory-words'>Your dad hates you.</div>
            <button id='inventory-ok'>sweet</button>
        </div>
        
        <div id='sky'>
            <img id='sky-img' src='./img/sky.png'/>
        </div>
        
        <div id='cityscape'>
            <img id='cityscape-img-1' src='./img/cityscape.png' width='2560px', height='480px'/>
        </div>
        
        <div id='buildings'>
        
        </div>
        
        <div id='char'>
            <img id='char-sprite' src='./img/char.png'/>
        </div>
    </div>
    <div id='game-console'>
    </div>
</body>
</html>